@import 'uview-ui/theme.scss';
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-start {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-center {
  align-items: center;
}

.flex-between {
  justify-content: space-between;
  align-items: flex-start;
}

.flex-end {
  justify-content: flex-end;
  align-items: flex-end;
}

.flex-direction-col {
  flex-direction: column;
}

.font-weight600 {
  font-weight: 600;
}

// 底部按钮
.btn-bottom {
  position: fixed;
  bottom: 0;
  height: 200rpx;
  background: #fff;
  width: 100%;
  padding: 20rpx 20rpx 0 20rpx;
  box-sizing: border-box;
  border-radius: 30rpx 30rpx 0 0;
  box-shadow: 0 1px 6px #ccc;

  button {
    background-image: linear-gradient(#6197f8, #4c9ff8);
    border-radius: 60rpx;
  }
}

.explain {
  padding: 10rpx 30rpx 90rpx;
  color: #999999;
  font-size: 24rpx;
  text-align: center;
}

.status60,
.status-2 {
  background: #ED5E5E;
}

.status10,
.status-1 {
  background: #ED5E5E;
}

.status20 {
  background: #f90;
}

.status30 {
  background: #67C23A;
}

.status50{
  background: #67C23A;
}

.status60,
.status-2 {
  background: #E02020;
}

.status-10 {
  background: #E02020;
}

.status70,
.status0 {
  background: #909399;
}

.status2,.status110,.status50{
  background: #67C23A;
}
.status120{
  background: #2196F3;
}
.status1,.status130 {
  background: #ED5E5E;
}

.status3,
.status4 {
  background: #67C23A;
}